﻿@model pgnSoft.MaisCadastros.Models.Main.CadastrarModel

@{
    ViewBag.Title = "Cadastrar";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="mc-cadastar-form">

    <form class="form-horizontal">
        <fieldset>
            <div class="form-group">
                <label class="col-md-2 control-label" for="lbl-frm-title"></label>
                <div class="col-md-10">
                    <h2>Cadastre-se</h2>
                    <span name="lbl-frm-title"></span>
                    <span class="help-block">Seu cadastro é gratuíto, informe os seus dados no campo abaixo e receba o email de confirmação para ativar sua conta.</span>
                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="textinput">Nome</label>
                <div class="col-md-5">
                    <input id="NomeCompleto" name="NomeCompleto" type="text" placeholder="Nome ou Razao" class="form-control input-md" required="">
                    <span class="help-block">Seu nome completo ou a razão social de sua empresa.</span>
                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="textinput">CPF/CNPJ</label>
                <div class="col-md-5">
                    <input id="CNPF" name="CNPF" type="text" placeholder="CPF ou CNPJ" class="form-control input-md" required="">
                    <span class="help-block">Seu CPF ou CNPJ de sua empresa</span>
                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="textinput">Cidade</label>
                <div class="col-md-5">
                    <input id="Cidade" name="Cidade" type="text" placeholder="Cidade" class="form-control input-md" required="">
                    <span class="help-block">Cidade do seu endereço comercial</span>
                </div>
            </div>

            <!-- Select Basic -->
            <div class="form-group">
                <label class="col-md-2 control-label" for="selectbasic">UF</label>
                <div class="col-md-5">
                    <select id="UF" name="UF" class="form-control">
                        <option value="AC">AC</option>
                        <option value="AL">AL</option>
                        <option value="AP">AP</option>
                        <option value="AM">AM</option>
                        <option value="BA">BA</option>
                        <option value="CE">CE</option>
                        <option value="DF">DF</option>
                        <option value="GO">GO</option>
                        <option value="ES">ES</option>
                        <option value="MA">MA</option>
                        <option value="MT">MT</option>
                        <option value="MS">MS</option>
                        <option value="MG">MG</option>
                        <option value="PA">PA</option>
                        <option value="PB">PB</option>
                        <option value="PR">PR</option>
                        <option value="PE">PE</option>
                        <option value="PI">PI</option>
                        <option value="RJ">RJ</option>
                        <option value="RN">RN</option>
                        <option value="RS">RS</option>
                        <option value="RO">RO</option>
                        <option value="RR">RR</option>
                        <option value="SP">SP</option>
                        <option value="SC">SC</option>
                        <option value="SE">SE</option>
                        <option value="TO">TO</option>
                    </select>
                    <span class="help-block">Sua unidade federativa (Estado).</span>
                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="textinput">E-mail</label>
                <div class="col-md-5">
                    <input id="Email" name="Email" type="text" placeholder="E-mail" class="form-control input-md" required="">
                    <span class="help-block">Seu email</span>
                </div>
            </div>

            <!-- Password input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="passwordinput">Senha</label>
                <div class="col-md-5">
                    <input id="Senha" name="Senha" type="password" placeholder="Senha" class="form-control input-md" required="">
                    <span class="help-block">Senha para acesso</span>
                </div>
            </div>

            <!-- Password input-->
            <div class="form-group">
                <label class="col-md-2 control-label" for="passwordinput">Repetir senha</label>
                <div class="col-md-5">
                    <input id="RepetirSenha" name="RepetirSenha" type="password" placeholder="Repetir senha" class="form-control input-md" required="">
                    <span class="help-block">Repita a senha</span>
                </div>
            </div>

            <!-- Button -->
            <div class="form-group">
                <label class="col-md-2 control-label" for="singlebutton">Confirmar cadastro</label>
                <div class="col-md-4">
                    <button id="btnCadastrar" name="btnCadastrar" class="btn btn-success">Cadastrar</button>
                </div>
            </div>

        </fieldset>
    </form>

</div>


<script>
    $(document).ready(function () {
        SetaActiveLink("Cadastre-se");
    });
</script>

